<html lang="CN" xmlns="">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,shrink-to-fit=no"
          name="viewport"/>
    <title>
        SUBWAY
    </title>
    <link rel="stylesheet" type="text/css" href="css/Main-StyleType.css">
    <link rel="icon" href="pic/face4.png">   <!--icon-->
    <link rel="stylesheet" href="css/line-animation.css">
    <link href="css/css2.css" rel="stylesheet">
    <link href="css/all.min.css" rel="stylesheet">
    <link href="css/bootstrap-icons.css" rel="stylesheet">
    <link href="css/owl.carousel.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="css/OpenAnimation.css">


    <link rel="stylesheet" href="css/circle.css">
    <style>
        .text-5-1{
            width: calc(15vh) !important;
            font-size: 14px;
        }
        .right-5-1{
            position: absolute;
            right: calc(15vh);
            top: calc(1.9vh);
        }
    </style>

</head>

<body>
<!--<div>-->
<!--    <a style="z-index: 999999" type="button" onclick="plus_()">点此更换城市</a>-->
<!--</div>-->
<div style="z-index: 9999999" class="navbar">
        <input type="checkbox">
    <span></span>
    <span></span>
    <ul>
        <li><a href="javascript:beijing()">北京</a></li>
        <li><a href="javascript:shanghai()">上海</a></li>
        <li><a href="javascript:guangzhou()">广州</a></li>
        <li><a href="javascript:shenzhen()">深圳</a></li>
        <li><a href="javascript:harbin()">哈尔滨</a></li>
    </ul>
</div>
<!--<div class="demo1 topic-1">-->
<!--    <span><img class="pic-5 left-5" src="pic/face1.png" alt="image"></span>-->
<!--    <span class="text-secondary-2 font-size50"><strong>TrumpeT's</strong></span>-->





<!--&lt;!&ndash;            <label for="select__">更换城市：</label>&ndash;&gt;-->
<!--&lt;!&ndash;<select id="select__">&ndash;&gt;-->
<!--&lt;!&ndash;    <option>北京</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>长沙</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option href="http://localhost:8080/demo_war/subway__.html">广州</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <script>&ndash;&gt;-->
<!--&lt;!&ndash;        function guangzhou(){&ndash;&gt;-->
<!--&lt;!&ndash;            window.location.href = "http://localhost:8080/demo_war/subway__.html"&ndash;&gt;-->
<!--&lt;!&ndash;        }&ndash;&gt;-->
<!--&lt;!&ndash;    </script>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>深圳</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>佛山</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>东莞</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>南宁</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>重庆</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>成都</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>昆明</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>西安</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>香港</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>武汉</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>天津</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>石家庄</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>沈阳</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>大连</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>长春</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>哈尔滨</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>上海</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>南京</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>无锡</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>苏州</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>杭州</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>宁波</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>合肥</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>福州</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>南昌</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>青岛</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>郑州</option>&ndash;&gt;-->
<!--&lt;!&ndash;</select>&ndash;&gt;-->



<!--    <span>-->
<!--            <img class="pic-5 right-5" src="pic/face2.png" alt="image">-->
<!--    </span>-->

<!--    <div id="panel" style="margin-top: calc(9vh)"></div>-->
<!--</div>-->

<div id="mysubway">
</div>

<script src="https://webapi.amap.com/subway?v=1.0&key=d41a5d70ceb946e585894ff8ba80799e&callback=cbk">
</script>

<script type="text/javascript">

    function shanghai(){
        window.location.href = "http://localhost:8080/demo_war/subway__.html";
    }
    function beijing(){
        window.location.href = "http://localhost:8080/demo_war/subway.html";
    }
    function guangzhou(){
        window.location.href = "http://localhost:8080/demo_war/subway_guanzhou.html";
    }
    function shenzhen(){
        window.location.href = "http://localhost:8080/demo_war/subway_shenzhen.html";
    }
    function harbin(){
        window.location.href = "http://localhost:8080/demo_war/subway_harbin.html";
    }
    // const info = document.getElementById("mysubway");
    // document.createElement("div").append(document.)


    window.cbk = function () {
        const mysubway = subway("mysubway", {adcode: 1100, easy: 1});
    };
    // var i = 0;
    // function plus_(){
    //     var adCodeList = [1100,1200,1301,2101,2102,2201,2301,3100,3201,3202,3205,3301,3302,
    //         3401,3501,3601,3702,4101,4201,4301,4401,4403,4406,4419,4501,5000,5101,5301,6101,8100]
    //
    //     i++;
    //     console.log(adCodeList[i]);
    //     window.cbk = function () {
    //         const mysubway = subway("mysubway", {adcode: adCodeList[i], easy: 1});
    //     };
    // }


    const adCodeList = [1100, 1200, 1301, 2101, 2102, 2201, 2301, 3100, 3201, 3202, 3205, 3301, 3302,
        3401, 3501, 3601, 3702, 4101, 4201, 4301, 4401, 4403, 4406, 4419, 4501, 5000, 5101, 5301, 6101, 8100];

    // window.cbk = function () {
    //     const mysubway = subway("mysubway", {adcode: adCodeList[_], easy: 1});
    // };

    // for (var i = 0; i<adCodeList.length; i++){
    //     window.cbk = function () {
    //         const mysubway = subway("mysubway", {adcode: adCodeList[i], easy: 1});
    //     };
    // }


    // 北京 1100
    // 长沙 4301
    // 广州 4401
    // 深圳 4403
    // 佛山 4406
    // 东莞 4419
    // 南宁 4501
    // 重庆 5000
    // 成都 5101
    // 昆明 5301
    // 西安 6101
    // 香港 8100
    // 武汉 4201
    // 天津 1200
    // 石家庄 1301
    // 沈阳 2101
    // 大连 2102
    // 长春 2201
    // 哈尔滨 2301
    // 上海 3100
    // 南京 3201
    // 无锡 3202
    // 苏州 3205
    // 杭州 3301
    // 宁波 3302
    // 合肥 3401
    // 福州 3501
    // 南昌 3601
    // 青岛 3702
    // 郑州 4101

</script>
</body>
</html>